<?php
	include "connect.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="product" content="Metro UI CSS Framework">
    <meta name="description" content="Simple responsive css framework">
    <meta name="author" content="Sergey S. Pimenov, Ukraine, Kiev">
    <meta name="keywords" content="js, css, metro, framework, windows 8, metro ui">

    <link href="css/metro-bootstrap.css" rel="stylesheet">
    <link href="css/metro-bootstrap-responsive.css" rel="stylesheet">
    <link href="css/iconFont.css" rel="stylesheet">
    <link href="css/docs.css" rel="stylesheet">
    <link href="js/prettify/prettify.css" rel="stylesheet">

    <!-- Load JavaScript Libraries -->
    <script src="js/jquery/jquery.min.js"></script>
    <script src="js/jquery/jquery.widget.min.js"></script>
    <script src="js/jquery/jquery.mousewheel.js"></script>
    <script src="js/prettify/prettify.js"></script>

    <!-- Metro UI CSS JavaScript plugins -->
    <script src="js/load-metro.js"></script>

    <!-- Local JavaScript -->
    <script src="js/docs.js"></script>
    <script src="js/github.info.js"></script>
	
	<!-- Tooltip -->
	<link href="themes/1/tooltip.css" rel="stylesheet" type="text/css" />
    <script src="themes/1/tooltip.js" type="text/javascript"></script>

    <title>CNEMAS NAS TELKOM</title>

    <style>
    </style>
</head>
<body>
<ul class="horizontal-menu nlm">
<center><h1>:: CNEMAS NAS ::</h1></center>
<center><li><h2>COMPUTER & NETWORK EQUIPMENT MANAGEMENT SYSTEM NASIONAL</h2></li></center>
<body class="metro" style="background-color: #FFFFFF">
	<?php
    echo "<header class='bg-dark' data-load='header.php?login=".$_GET['login']."'></header>"
	?>
</body>
<div style="margin: auto;">
<div class="tile-group no-padding clearfix">
<div class="tile-group no-margin no-padding1 no-hover clearfix" style="width: 50%;">
                    <a href="#"><span class="tile-group-title fg-orange">Headline <span class="icon-arrow-right-5"></span></span></a>
                    <div class="tile double ol-transparent no-hover overflow="scroll""><p>
					<?php
					include 'connect.php';
					$query = mysql_query("SELECT judul,isi FROM berita ORDER BY tanggal DESC LIMIT 10");
					while($baris=mysql_fetch_array($query)){
						if(strlen($baris['isi'])<=30){
							echo "<h4>".$baris['judul']."<h4>";
							echo "<p>".$baris['isi']."</p>";
						}
						else{
							$y=substr($baris['isi'],0,30) . '...';
							echo "<h4>".$baris['judul']."<h4>";
							echo "<p>".$y."</p>";
							echo "<span class='tooltip' onmouseover=\"tooltip.pop(this, '<strong>".$baris['judul']."</strong></br>".$baris['isi']."')\">Selengkapnya</span>";
						}
					}
					?>
					</p></div>
</div>

<!-- Chat Room -->
<div class="tile-group no-padding1 clearfix" style="width: 50%;">
<link rel="stylesheet" type="text/css" href="chatfiles/chatstyle.css" />

<div id="chatarea">
 <div id="chatrooms">
<?php
include('chatfiles/setchat.php');
echo $chatS->chatRooms();          // add the chat rooms
?>
 </div>
 <div id="chatwindow"><?php echo $chatS->chatroomcnt; ?></div>
<div id="playchatbeep"><img src="chatex/playbeep2.png" width="25" height="25" alt="chat beep" id="playbeep" onclick="setPlayBeep(this)" /><span id="chatbeep"></span></div>
<?php echo $chatS->chatForm().jsTexts($lsite); ?>
<script type="text/javascript" src="chatfiles/chatfunctions.js"></script><noscript><a href="http://coursesweb.net/php-mysql/" title="PHP-MySQL Course">PHP-MySQL Course</a></noscript>
<!--<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="108" height="28">
  <param name="movie" value="button1.swf" />
  <param name="quality" value="high" />
  <embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="108" height="28" ></embed>
</object>-->
</div>
</div>
               
			   <div class="tile-group no-margin no-padding1 clearfix" style="width: 50%;">

                    <!--<a href="#"><span class="tile-group-title fg-cobalt">Berita Telkom <span class="icon-arrow-right-5"></span></span></a>
                    <div class="tile quadro double-vertical ol-transparent"></div>
                    <div class="grid">
                    <div class="span4">
                    <div class="calendar small no-margin" data-role="calendar" ></div>
                    </div>
                    </div>
                    </div>
                            </div>-->
                </div>
            </div>
        </div>             

</div>
</body>